<script lang="ts" setup>
// 用户注册登录、课程列列表和课程学习页面

import DefaultLayout from '@/layout/DefaultLayout.vue'
import EmptyLayout from '@/layout/EmptyLayout.vue'
</script>

<template>
  <transition name="fade" mode="out-in">
    <component :is="$route.meta.layout == 'empty' ? EmptyLayout : DefaultLayout" />
  </transition>
</template>

<style scoped>
.fade-enter-active,
.fade-leave-active {
  transition: opacity 180ms ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
</style>
